<template>
    <div class="moviesList" v-loading="loadingMoving">
        <div class="movie-container">
            <div class="movieTag"
                v-for="(subject,index) in data.subjects"
                v-if="index < maxNum"
                :key="index">
                <ul>
                    <li class="film-pic">
                        <a @click="showDetail(subject.id)">
                        <img class="movieImg"  :src="subject.images.large" alt="">
                        </a>
                    </li>
                    <li class="film-name">
                        <a href="">{{subject.title}}</a>
                    </li>
                    <li class="film-rate">
                        <el-rate
                        v-model="subject.rating.average"
                        disabled>
                        </el-rate>
                        <span class="rateNum">{{subject.rating.average * 2}}</span>
                    </li>
                    <li class="film-button">
                        <span>
                            <a href="">特惠选座</a>
                        </span>
                    </li>
                </ul>
            </div>
            <!-- 加载更多 -->
            <div class="load-more" @click="maxNum = data.subjects.length" v-if="maxNum < data.subjects.length">加载更多</div>
        </div>
    </div>
</template>
<script>
import vm from "./movies-tag.comp";

export default vm;
</script>
<style rel="stylesheet/stylus" lang="stylus">
@import './movies-tag-comp';
</style>